<?php
/**
 * The main template file.
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package fdk
 * @subpackage FDK Themes
 */
?>
<?php get_header(); ?>
<div id="contentwrapper">
    <h1><?php bloginfo('name'); ?></h1>
    <h2 class="as"><?php bloginfo('description'); ?></h2>
    <div class="ranking">
        <div class="thead">
            <div class="rank th"><a href="">Rank</a></div>
            <div class="hapro th"><a href="">Hosting Provider</a></div>
            <div class="fea th"><a href="">Feature</a></div>
            <div class="bene th"><a href="">Benefits</a></div>
            <div class="price th"><a href="">Price</a></div>
            <div class="rat th"><a href="">Rating</a></div>
            <div class="more th"><a href="">More Info</a></div>
        </div>
        <div class="tbody">
            <div class="rank sepe">
                <a href=""><img src="<?php bloginfo('template_url'); ?>/images/ribbon.png"/></a>
                <div class="peringkat"><em><h1>1</h1></em></div>
            </div>
            <div class="hapro sepe">
                <div class="hapr">
                    <img src="<?php echo get_option('of_img1') ?>"/>
                </div>
            </div>
            <div class="fea sepe">
                <p><?php echo get_option('of_fea1') ?></p>
            </div>
            <div class="bene sepe">
                <p><?php echo get_option('of_bene1') ?></p>
            </div>
            <div class="price sepe">
                <p>
                    <?php echo get_option('of_pri1') ?>
                </p>
            </div>
            <div class="rat sepe">
                <div class="star">
                    <?php echo get_option('of_rat1') ?>
                </div>
            </div>
            <div class="more sepe">
                <div class="review"><a href="<?php echo get_option('of_vst1') ?>" target="_blank"></a></div>
                <div class="vis">
                    <a href="<?php echo get_option('of_rev1') ?>" target="_blank">Review</a>
                </div>
            </div>
        </div>
        <div class="tbody">
            <div class="rank sepe">
                <a href=""></a>
                <div class="prgkt"><em><h1>2</h1></em></div>
            </div>
            <div class="hapro sepe">
                <div class="hapr">
                    <img src="<?php echo get_option('of_img2') ?>"/>
                </div>
            </div>
            <div class="fea sepe">
                <p><?php echo get_option('of_fea2') ?></p>
            </div>
            <div class="bene sepe">
                <p><?php echo get_option('of_bene2') ?></p>
            </div>
            <div class="price sepe">
                <p><?php echo get_option('of_pri2') ?></p>
            </div>
            <div class="rat sepe">
                <div class="star"><?php echo get_option('of_rat2') ?></div>
            </div>
            <div class="more sepe">
                <div class="review"><a href="<?php echo get_option('of_vst2') ?>" target="_blank"></a></div>
                <div class="vis">
                    <a href="<?php echo get_option('of_rev2') ?>" target="_blank">Review</a>
                </div>
            </div>
        </div>
        <div class="tbody">
            <div class="rank sepe">
                <a href=""></a>
                <div class="prgkt"><em><h1>3</h1></em></div>
            </div>
            <div class="hapro sepe">
                <div class="hapr">
                    <img src="<?php echo get_option('of_img3') ?>"/>
                </div>
            </div>
            <div class="fea sepe">
                <p><?php echo get_option('of_fea3') ?></p>
            </div>
            <div class="bene sepe">
                <p><?php echo get_option('of_bene3') ?></p>
            </div>
            <div class="price sepe">
                <p><?php echo get_option('of_pri3') ?></p>
            </div>
            <div class="rat sepe">
                <div class="star"><?php echo get_option('of_rat3') ?></div>
            </div>
            <div class="more sepe">
                <div class="review"><a href="<?php echo get_option('of_vst3') ?>" target="_blank"></a></div>
                <div class="vis">
                    <a href="<?php echo get_option('of_rev3') ?>" target="_blank">Review</a>
                </div>
            </div>
        </div>
        <div class="tbody">
            <div class="rank sepe">
                <a href=""></a>
                <div class="prgkt"><em><h1>4</h1></em></div>
            </div>
            <div class="hapro sepe">
                <div class="hapr">
                    <img src="<?php echo get_option('of_img4') ?>"/>
                </div>
            </div>
            <div class="fea sepe">
                <p><?php echo get_option('of_fea4') ?></p>
            </div>
            <div class="bene sepe">
                <p><?php echo get_option('of_bene4') ?></p>
            </div>
            <div class="price sepe">
                <p><?php echo get_option('of_pri4') ?></p>
            </div>
            <div class="rat sepe">
                <div class="star"><?php echo get_option('of_rat4') ?></div>
            </div>
            <div class="more sepe">
                <div class="review"><a href="<?php echo get_option('of_vst4') ?>" target="_blank"></a></div>
                <div class="vis">
                    <a href="<?php echo get_option('of_rev4') ?>" target="_blank">Review</a>
                </div>
            </div>
        </div>
        <div class="tbody">
            <div class="rank sepe">
                <a href=""></a>
                <div class="prgkt"><em><h1>5</h1></em></div>
            </div>
            <div class="hapro sepe">
                <div class="hapr">
                    <img src="<?php echo get_option('of_img5') ?>"/>
                </div>
            </div>
            <div class="fea sepe">
                <p><?php echo get_option('of_fea5') ?></p>
            </div>
            <div class="bene sepe">
                <p><?php echo get_option('of_bene5') ?></p>
            </div>
            <div class="price sepe">
                <p><?php echo get_option('of_pri5') ?></p>
            </div>
            <div class="rat sepe">
                <div class="star"><?php echo get_option('of_rat5') ?></div>
            </div>
            <div class="more sepe">
                <div class="review"><a href="<?php echo get_option('of_vst5') ?>" target="_blank"></a></div>
                <div class="vis">
                    <a href="<?php echo get_option('of_rev5') ?>" target="_blank">Review</a>
                </div>
            </div>
        </div>
        <div class="tbody">
            <div class="rank sepe">
                <a href=""></a>
                <div class="prgkt"><em><h1>6</h1></em></div>
            </div>
            <div class="hapro sepe">
                <div class="hapr">
                    <img src="<?php echo get_option('of_img6') ?>"/>
                </div>
            </div>
            <div class="fea sepe">
                <p><?php echo get_option('of_fea6') ?></p>
            </div>
            <div class="bene sepe">
                <p><?php echo get_option('of_bene6') ?></p>
            </div>
            <div class="price sepe">
                <p><?php echo get_option('of_pri6') ?></p>
            </div>
            <div class="rat sepe">
                <div class="star"><?php echo get_option('of_rat6') ?></div>
            </div>
            <div class="more sepe">
                <div class="review"><a href="<?php echo get_option('of_vst6') ?>" target="_blank"></a></div>
                <div class="vis">
                    <a href="<?php echo get_option('of_rev6') ?>" target="_blank">Review</a>
                </div>
            </div>
        </div>
        <div class="tbody">
            <div class="rank sepe">
                <a href=""></a>
                <div class="prgkt"><em><h1>7</h1></em></div>
            </div>
            <div class="hapro sepe">
                <div class="hapr">
                    <img src="<?php echo get_option('of_img7') ?>"/>
                </div>
            </div>
            <div class="fea sepe">
                <p><?php echo get_option('of_fea7') ?></p>
            </div>
            <div class="bene sepe">
                <p><?php echo get_option('of_bene7') ?></p>
            </div>
            <div class="price sepe">
                <p><?php echo get_option('of_pri7') ?></p>
            </div>
            <div class="rat sepe">
                <div class="star"><?php echo get_option('of_rat7') ?></div>
            </div>
            <div class="more sepe">
                <div class="review"><a href="<?php echo get_option('of_vst7') ?>" target="_blank"></a></div>
                <div class="vis">
                    <a href="<?php echo get_option('of_rev7') ?>" target="_blank">Review</a>
                </div>
            </div>
        </div>
        <div class="tbody">
            <div class="rank sepe">
                <a href=""></a>
                <div class="prgkt"><em><h1>8</h1></em></div>
            </div>
            <div class="hapro sepe">
                <div class="hapr">
                    <img src="<?php echo get_option('of_img8') ?>"/>
                </div>
            </div>
            <div class="fea sepe">
                <p><?php echo get_option('of_fea8') ?></p>
            </div>
            <div class="bene sepe">
                <p><?php echo get_option('of_bene8') ?></p>
            </div>
            <div class="price sepe">
                <p><?php echo get_option('of_pri8') ?></p>
            </div>
            <div class="rat sepe">
                <div class="star"><?php echo get_option('of_rat8') ?></div>
            </div>
            <div class="more sepe">
                <div class="review"><a href="<?php echo get_option('of_vst8') ?>" target="_blank"></a></div>
                <div class="vis">
                    <a href="<?php echo get_option('of_rev8') ?>" target="_blank">Review</a>
                </div>
            </div>
        </div>
        <div class="tbody">
            <div class="rank sepe">
                <a href=""></a>
                <div class="prgkt"><em><h1>9</h1></em></div>
            </div>
            <div class="hapro sepe">
                <div class="hapr">
                    <img src="<?php echo get_option('of_img9') ?>"/>
                </div>
            </div>
            <div class="fea sepe">
                <p><?php echo get_option('of_fea9') ?></p>
            </div>
            <div class="bene sepe">
                <p><?php echo get_option('of_bene9') ?></p>
            </div>
            <div class="price sepe">
                <p><?php echo get_option('of_pri9') ?></p>
            </div>
            <div class="rat sepe">
                <div class="star"><?php echo get_option('of_rat9') ?></div>
            </div>
            <div class="more sepe">
                <div class="review"><a href="<?php echo get_option('of_vst9') ?>" target="_blank"></a></div>
                <div class="vis">
                    <a href="<?php echo get_option('of_rev9') ?>" target="_blank">Review</a>
                </div>
            </div>
        </div>
        <div class="tbody">
            <div class="rank sepe">
                <a href=""></a>
                <div class="prgkt"><em><h1>10</h1></em></div>
            </div>
            <div class="hapro sepe">
                <div class="hapr">
                    <img src="<?php echo get_option('of_img10') ?>"/>
                </div>
            </div>
            <div class="fea sepe">
                <p><?php echo get_option('of_fea10') ?></p>
            </div>
            <div class="bene sepe">
                <p><?php echo get_option('of_bene10') ?></p>
            </div>
            <div class="price sepe">
                <p><?php echo get_option('of_pri10') ?></p>
            </div>
            <div class="rat sepe">
                <div class="star"><?php echo get_option('of_rat10') ?></div>
            </div>
            <div class="more sepe">
                <div class="review"><a href="<?php echo get_option('of_vst10') ?>" target="_blank"></a></div>
                <div class="vis">
                    <a href="<?php echo get_option('of_rev10') ?>" target="_blank">Review</a>
                </div>
            </div>
        </div>
    </div>
    <div id="sidebar">
        <div class="ads">
            <?php echo get_option('of_ads') ?>
        </div>
        <div class="element">
            <div class="ban">RECENT UPDATE</div>
            <div class="recent">
                <h4><?php echo get_option('of_tit1') ?></h4>
                <p><?php echo get_option('of_ct1') ?></p>
            </div>
            <div class="recent">
                <h4><?php echo get_option('of_tit2') ?></h4>
                <p><?php echo get_option('of_ct2') ?></p>
            </div>
            <div class="recent">
                <h4><?php echo get_option('of_tit3') ?></h4>
                <p><?php echo get_option('of_ct3') ?></p>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
    <div id="left">
        <h2><?php echo get_option('of_titlef') ?></h2>
        <p><?php echo get_option('of_desc') ?></p>
        <div class="bound">
            <div class="content">
                <div class="left">
                    <img src="<?php bloginfo('template_url'); ?>/images/lamp.png"/>
                </div>
                <div class="right">
                    <?php echo get_option('of_lst1') ?>
                    <p><?php echo get_option('of_ldes1') ?></p>
                </div>
            </div>
            <div class="content">
                <div class="left">
                    <img src="<?php bloginfo('template_url'); ?>/images/bookmark.png"/>
                </div>
                <div class="right">
                    <?php echo get_option('of_lst2') ?>
                    <p><?php echo get_option('of_ldes2') ?></p>
                </div>
            </div>
            <div class="content">
                <div class="left">
                    <img src="<?php bloginfo('template_url'); ?>/images/recycler.png"/>
                </div>
                <div class="right">
                    <?php echo get_option('of_lst3') ?>
                    <p><?php echo get_option('of_ldes3') ?></p>
                </div>
            </div>
            <div class="content">
                <div class="left">
                    <img src="<?php bloginfo('template_url'); ?>/images/puzzle.png"/>
                </div>
                <div class="right">
                    <?php echo get_option('of_lst4') ?>
                    <p><?php echo get_option('of_ldes4') ?></p>
                </div>
            </div>
            <div class="content">
                <div class="left">
                    <img src="<?php bloginfo('template_url'); ?>/images/cek.png"/>
                </div>
                <div class="right">
                    <?php echo get_option('of_lst5') ?>
                    <p><?php echo get_option('of_ldes5') ?></p>
                </div>
            </div>
        </div>
        <h2><?php echo get_option('of_tit') ?></h2>
        <p><?php echo get_option('of_bot-left') ?></p>
    </div>
    <div id="sidebar">
        <div class="ads">
            <?php echo get_option('of_ads') ?>
        </div>
        <div class="element">
            <div class="ban">RECENT UPDATE</div>
            <div class="recent">
                <h4><?php echo get_option('of_tit1') ?></h4>
                <p><?php echo get_option('of_ct1') ?></p>
            </div>
            <div class="recent">
                <h4><?php echo get_option('of_tit2') ?></h4>
                <p><?php echo get_option('of_ct2') ?></p>
            </div>
            <div class="recent">
                <h4><?php echo get_option('of_tit3') ?></h4>
                <p><?php echo get_option('of_ct3') ?></p>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
</div>
<?php get_footer(); ?>